<!-- //确保您使用的是 Vue 3，因为 <script setup> 语法是 Vue 3 引入的特性 -->
<script setup>
import HomeCategory from './components/HomeCategory.vue'
import HomeBanner from './components/HomeBanner.vue'
import HomeNew from './components/HomeNew.vue'
import HomeHot from './components/HomeHot.vue'
import HomeProduct from './components/HomeProduct.vue'
import HomePanel from './components/HomePanel.vue'
</script>
<template>
  <div class="container">
  <HomeCategory/>
  <HomeBanner/>
</div>
<div>
  <HomeNew/>
<HomeHot/>
<HomeProduct/>
</div>
<!-- 测试面板组件 -->
 <HomePanel title="新鲜好物" sub-title="新鲜好物 好多商品"> 
   <div>我是新鲜好物的插槽内容</div>
  </HomePanel>

 <HomePanel title="人气推荐" sub-title="人气推荐 好多东西">
   <div>我是人气推荐的插槽内容</div>
  </HomePanel>

</template>